<template>
  <div class="wrapLimit clx main">
    <div>
      <record ref="remoteOrderRecord" />
    </div>
  </div>
</template>
<script>
import record from './components/record.vue'

export default {
  name: 'RemoteOrder',
  components: {
    record
  },
  data() {
    return {}
  },
  beforeRouteEnter(to, from, next) {
    next((vm) => {
      console.log(vm.$refs.remoteOrderRecord)
      // 处理语句，可以是 data 中的数据，也可以是 methods中的函数。vm 相当于 this
      vm.$refs.remoteOrderRecord.getList()
    })
  },
  computed: {},
  mounted() {
    // console.log(this.$checkPermission);
  },
  methods: {
    handleClick(tab) {
      this.activeName = tab.name
    }
  }
}
</script>

<style lang="scss" scoped>
.main {
  // margin: 0.2rem;

  .el-tabs {
    padding: 0.2rem;
  }
}
</style>
